<div class="sidebar fl">
	<div id="side-news">
		
	</div>
	<!-- /side-news -->
	<div class="side-user clearfix">
		<div class="user-img">
			<i class="user-img-cover"></i> <img src="${basePath}static/img/home/person.png" />
			<!-- 注意这里图片尺寸需要开发处理成正方形（大于等于82px*82px），我这里已经通过样样式控制为82*82，或者 -->
		</div>
		<!-- /user-img -->
		<ul class="user-info">
			<li>您好，<a href="${basePath}home#/user/info"><b id="user_name" title="点击查看个人资料"></b></a></li>
			<li>余额: <em><span>￥</span><span id="user_coin"></span></em></li>
			<li class="user-btn"><a href="${basePath}home#/bank/recharge" class="btn-chongzhi"></a> <a
				href="${basePath}home#/bank/tocash" class="btn-tixian"></a></li>
		</ul>
		<!-- /user-info -->
	</div>
	<!-- /side-user -->
	<div class="side-help">
		<a href="http://tb.53kf.com/webCompany.php?arg=10093400&style=1"
		 target="_blank" class="side-help-news vm" style="color: #d5a312;font-weight: bold;">
		  <img src="${basePath}static/img/icon/user.png"/>在线客服</a>
		  <span>&nbsp;|&nbsp;</span>
		  <a href="${basePath}help/default.htm" target="_blank"  class="side-help-news vm" >
	      <img src="${basePath}static/img/icon/help.png"/>帮助</a> 
	      <span>&nbsp;|&nbsp;</span>
		  <a href="${basePath}logout"  class="side-help-news vm" >
		  <img src="${basePath}static/img/icon/offline.png"/>退出</a>
	</div>
	<!-- /side-help -->
	<span id="left-menu">
		<#list colorList as itemColor>
		<dl class="side-menu">
			<dt>
				<img src="${basePath}static/img/home/${itemColor.lottteryImg}" />
				<div class="menu-title-info">
					<h3>${itemColor.lotteryTypeDesc}</h3>
					<p>让彩票融入生活</p>
				</div>
			</dt>
			<#list itemColor.lotteryList as lottery>
			<dd>
				<a href="${basePath}home#/lottery/<#if lottery.hash?exists>${lottery.hash}</#if>">${lottery.lotteryName}<b>【火爆】</b></a>
			</dd>
			</#list>
		</dl>
		</#list>
	</span>
</div>
<script>
var ddEles = document.getElementById('left-menu').getElementsByTagName('dd');
for(var i =0;i<ddEles.length;i++){
	ddEles[i].onmouseover = function (){
		if(this.className.length > 1){
			this.className = this.className + ' over';
		}else{
			this.className = 'over';
		}
	}
	ddEles[i].onmouseout = function (){
		var _className = this.className.replace(/\bover\b/g , '');
		this.className = _className.replace(/(^\s+)|(\s+$)/g,"");//去掉前后空格
	}
}
</script>
